import React, { Component } from 'react'
import './style.less'
import { NavLink } from 'react-router-dom'
import "../../static/iconfont/iconfont.css"


export default class BotNav extends Component{

  render(){

    return(
      <div className='bot-nav' >
        <ul>
          <li>
            <NavLink activeClassName="active" to='/home'>
              <i className="iconfont">&#xe62a;</i>
              <span className="title">首页</span>
            </NavLink>
          </li>
          <li>
            <NavLink activeClassName="active" to='/sort'>
              <i className="iconfont">&#xe63d;</i>
              <span className="title">分类</span>
            </NavLink>
          </li>
          <li>
            <NavLink activeClassName="active" to='/view'>
             <i className="iconfont">&#xe602;</i>
             <span className="title">视野</span>
            </NavLink>
          </li>
          <li>
            <NavLink activeClassName="active" to='/mine'>
              <i className="iconfont">&#xe60f;</i>
              <span className="title">我的</span>
            </NavLink>
          </li>
        </ul>
      </div>
    )
  }
}
